//.van-nav-bar{
//    background-color: #F9F9F9 !important;
//
//    .back{
//        height: 54rpx;
//    }
//}

.content{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F9F9F9;

    .title{
        font-size: 50rpx;
        font-weight: bold;
        margin-top: 20rpx;
    }

    .description{
        font-size: 35rpx;
        font-weight: 500;
        color: #999999;
        margin-top: 20rpx;
    }

    .gradeAssess-region{
        display: flex;
        flex-direction: row;
        align-items: center;
        border-radius: 3%;
        margin-top: 70rpx;
        width: 90%;
        background: white;
        position: relative;

        .gradeAssess-image{
            height: 250rpx;
        }

        .name-description{
            display: flex;
            flex-direction: column;

            .name{
                font-size: 40rpx;
                font-weight: bold;
            }

            .description{
                margin-top: 15rpx;
                font-size: 25rpx;
                font-weight: 500;
                color: #999999;
            }
        }

        .detail-region{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            border-radius: 0% 10% 0% 10%;
            background: #1577FF;
            position: absolute;
            right: 0rpx;
            top: 0rpx;

            .detail{
                margin: 10rpx 10rpx 10rpx 20rpx;
                color: white;
                font-size: 27rpx;
                font-weight: lighter;
            }

            .go{
                margin: 10rpx 10rpx 10rpx 0rpx;
                height: 25rpx;
            }
        }

    }

    .contentLearn-region{
        display: flex;
        flex-direction: row;
        align-items: center;
        border-radius: 3%;
        margin-top: 70rpx;
        width: 90%;
        background: white;
        position: relative;

        .contentLearn-image{
            height: 250rpx;
        }

        .name-description{
            display: flex;
            flex-direction: column;

            .name{
                font-size: 40rpx;
                font-weight: bold;
            }

            .description{
                margin-top: 15rpx;
                font-size: 25rpx;
                font-weight: 500;
                color: #999999;
            }
        }

        .detail-region{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            border-radius: 0% 10% 0% 10%;
            background: #1577FF;
            position: absolute;
            right: 0rpx;
            top: 0rpx;

            .detail{
                margin: 10rpx 10rpx 10rpx 20rpx;
                color: white;
                font-size: 27rpx;
                font-weight: lighter;
            }

            .go{
                margin: 10rpx 10rpx 10rpx 0rpx;
                height: 25rpx;
            }
        }
    }
}
